<!DOCTYPE html>
<html>
  <head>
    <title>{{ page_title }}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta charset="utf-8">
    <link href="/static/css/bootstrap.min.css" rel="stylesheet" media="screen">
  </head>
  <body>
    <div class="navbar  navbar-fixed-top navbar-inverse">
	  <div class="navbar-inner">
	  	<div class="container">
		  	<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
	      	</a>
		    <a class="brand" href="#">{{ page_brand }}</a>
		    <div class="nav-collapse collapse">
			    <ul class="nav">
			    <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Документація <i class="icon-chevron-down icon-white"></i> </a>
			    	<ul class="dropdown-menu">
			    		<li class="dropdown-submenu"><a href="#">Вікно прийому платежів</a>
			    			<ul class="dropdown-menu">
			    				<li><a href="#">Швидка копійка</a></li>
			    				<li><a href="#">Золота корона</a></li>
			    			</ul>			    			
			    		</li>
			    		<li class="dropdown-submenu"><a href="#">Єдине вікно переказів</a>
			    			<ul class="dropdown-menu">
			    				<li><a href="#">MoneyGram</a></li>
			    				<li><a href="#">Unistream+</a></li>
			    				<li><a href="#">Blizko</a></li>
			    				<li><a href="#">Contact</a></li>
			    				<li><a href="#">Xazri</a></li>
			    				<li><a href="#">XpressMoney</a></li>
			    				<li><a href="#">Ria</a></li>
			    				<li><a href="#">CoinStar</a></li>
			    				<li><a href="#">Migom</a></li>
			    				<li><a href="#">Лидер</a></li>
			    				<li><a href="#">Intel Express</a></li>
			    				<li><a href="#">InterExpress</a></li>
			    				<li><a href="#">Western Union</a></li>
			    			</ul>
			    		</li>
			    		<li class="divider"></li>
			    		<li><a href="#">АБС БАРС-Мілленіум</a></li>
			    	</ul>
				</li>
				<li class="divider-vertical"></li>
				<li><a href="#">БПК</a></li>
				<li class="divider-vertical"></li>
				<li><a href="#">Тарифи</a></li>
				<li class="divider-vertical"></li>
				<li><a href="#">Валюта</a></li>
				<li class="divider-vertical"></li>
				<li><a href="#">Компенсація</a></li>
				<li class="divider-vertical"></li>
				<li><a href="#">Гаряча лінія</a></li>
				<li class="divider-vertical"></li>
				<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Перерва <i class="icon-chevron-down icon-white"></i></a>
					<ul class="dropdown-menu">
						<li><a href="#">Немного юмора</a></li>
						<li><a href="#">Пестрый мир</a></li>
						<li><a href="#">Вопрос-ответ</a></li>
					</ul>
				</li>
				<li class="divider-vertical"></li>
				</ul>
			</div>
		</div>
	  </div>
	</div>

	<div class="hero-unit">
	  <h1>{{ hero_title }}</h1>
	  <p>{{ hero_text }}</p>
	  <p>
	    <a class="btn btn-primary btn-large">
	      Узнать больше
	    </a>
	  </p>
	</div>

	<div class="container-fluid">
		<div class="row-fluide" style="padding-top:5px">
			<div class="span3">
				<!-- Блок курса валют -->
				<div class="well well-small">
					<ul class="nav nav-list">
			  			<li class="nav-header">Курс валют на сьогодні</li>
			  			<li><a href="#">Отримати курс валют</a></li>
					</ul>
				</div>

				<!-- Процентные ставки -->
				<div class="well well-small">
					<ul class="nav nav-list">
			  			<li class="nav-header">Відсоткові ставки</li>
			  			<li><a href="#">Отримати відсоткові ставки</a></li>
					</ul>
				</div>

				<!-- Блок ссылок -->
				<div class="well well-small">
					<ul class="nav nav-list">
			  			<li class="nav-header">Наші ресурси</li>
			  			<li class="active"><a href="#">Сайт ощадбанку</a></li>
			  			<li><a href="#">Корпоративний портал</a></li>
			  			<li><a href="#">Корпоративна пошта</a></li>
			  			<li><a href="#">Документація</a></li>
			  			<li><a href="#">Єдине вікно переказів</a></li>
					</ul>
				</div>
			</div>
			<div class="span9">
				{% for post in posts %}
					<div class="well well-small">
					<h4>{{ post.title }}</h4><hr>
					{{ post.text|safe }}
					<hr>
					<small>
						{% for author in post.authors.all %}
							{{ author }},
						{% endfor %}
						{{ post.add_date }}
					</small>
					</div>

				{% endfor %}
			</div>
		</div>
	</div>
    <script src="/static/js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="/static/js/bootstrap.min.js"></script>
  </body>
</html>